/* 
    Document   : dathang
    Created on : Sep 17, 2014, 8:51:58 PM
    Author     : mrquang
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
 a
    {
        text-decoration: none;
    }
body
{
    background-image:url( '../Images/bg.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 0px 0px;
   
}
#body_content
{
 /*   background-color:#FFFFFF;
  border-left-color:#CBCBCB;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CBCBCB;
  border-right-style:solid;
  border-right-width:1px;
  box-shadow:#666666 0 2px 20px;*/
/*  display:table-cell;*/
border: 1px solid #724923;
  display: table;
  margin:0 auto;
  min-height:100%;
/*   padding:10px; */
  position:relative;
  width:1000px;
}
#menu
{
    float: left;
	width: 200px;
	height: 227px;
	padding: 20px;
	background: url(../images/tooplate_menu.png) no-repeat
}
#menu ul.navigation {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

#menu ul.navigation li {
    display: inline;
    margin: 0;
	padding: 0;
}

#menu ul.navigation a {
	display: block;
	padding: 0 0 6px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #666;
	color: #724923;
	font-size: 18px;
	font-weight: 400;
    text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

#menu ul.navigation a:hover,#menu ul.navigation a.selected {
	color: #DE6D19;
	padding-left: 10px;
}

#menu ul.navigation a:focus {
    outline: none;
}
#book
{
    width: 570px;
    float: left;
}
.item_book
{
   
	background:url('../images/tooplate_menu.png') no-repeat;
  border:1px solid #CBCBCB;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  box-shadow:#CBCBCB 0 2px 20px;
  float:left;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  margin:4px auto;
  padding:15px 10px;
  width:400px;
}
.img_book {
  float:left;
  width:40%;
  height: 100px;
}
.img_book img
{
    width: 150px;
}
.content_book {
  float:left;
  width:50%;
}
.button_book {
  float:left;
  padding-top:10px;
  text-align:center;
  width:100%;
}
.intro_book {
  float:left;
  font-style:normal;
  font-weight:bold;
  padding-left:5%;
  padding-right:5%;
  text-align:left;
  width:100%;
}
.detail_book {
  float:left;
  font-style:normal;
  padding-left:5%;
  padding-right:5%;
  text-align:left;
  width:100%;
}
.but_book {
  background-color:#7FBF4D;
  border:2px solid #63A62F;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  box-shadow:#666666 0 2px 3px;
  color:#FFFFFF;
  font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
  font-size:13px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1;
  padding:6px 8px;
  text-align:center;
  text-shadow:#4C9021 0 -1px 0;
  width:auto;
}
.items
{
  background-color:#FFFFFF;
  border-left-color:#CBCBCB;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CBCBCB;
  border-right-style:solid;
  border-right-width:1px;
  bottom:10px;
  box-shadow:#666666 0 2px 20px;
  margin:0 auto;
  padding:10px;
  position:fixed;
  right:10px;
  width:300px;
  z-index: 100;
  
  
   border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
    
}
.hidden {
  background-color:#7FBF4D;
  border:2px solid #63A62F;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  box-shadow:#666666 0 2px 3px;
  color:#FFFFFF;
  font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
  font-size:13px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1;
  padding:6px 8px;
  text-align:center;
  text-shadow:#4C9021 0 -1px 0;
  width: 50px;
}